<template>
  <div id="userLayout">
    <div class="header">
      <img src="../assets/logo.png" alt="logo" class="logo" />
      <div class="title">innermost - 智能高校心理疗愈系统</div>
    </div>
    <div class="content">
      <RouterView />
    </div>
  </div>
</template>
<script setup lang="ts"></script>
<style scoped>
#userLayout {
  width: 100%;
  height: 100vh;
}
.logo {
  width: 88px;
}

#userLayout .header {
  width: 100%;
  height: 20rem;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.header .title {
  margin-top: 10px;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
}
</style>
